<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./text.css">
</head>

<body>
    <p id="one">one id</p>
    <p class="two">two class </p>
    <p name="three">three name</p>

    <p id="fore">123</p>

    <p>hello world</p>
    <p>hello world</p>

<!--     <input type="text">
    <input type="text1"> -->

    <h1>使用 Chrome DevTools 调试 JavaScript</h1>
    <label for="num1">数字 1</label>
    <input placeholder="数字 1" id="num1">
    <label for="num2">数字 2</label>
    <input placeholder="数字 2" id="num2">
    <button>数字 1和数字 2相加 </button>
    <p></p>

    <script src="./text.js"></script>
</body>

</html>